<template>
  <div>
    <div style="position: relative;padding: 0 0.8rem">
    <blog-header></blog-header>
    <div class="outer">
      <div class="inter">
        <blog-listen></blog-listen>
        <blog-story></blog-story>
      </div>
    </div>
    <bottom-menu></bottom-menu>
    </div>
  </div>
</template>

<script>
import BlogHeader from "./BlogHeader";
import BottomMenu from "../BottomMenu";
import BlogListen from "./BlogListen";
import BlogStory from "./BlogStory";
export default {
  name: "BlogIndex",
  components:{
    BlogHeader,
    BottomMenu,
    BlogListen,
    BlogStory
  }
}
</script>

<style scoped>
*{
  background-color: whitesmoke;
}
.outer{
  height: 715px;
  overflow-y: scroll;
}
.inter{
  width: 100%;
}
</style>
